<template>
  <div :style="{display:'flex',justifyContent:'space-around'}">
    <Category title="美食分类">
      <template scope="{games}">
        <ul>
          <li v-for="(g,index) in games"
              :key="index">{{g}}</li>
        </ul>
      </template>

    </Category>
    <Category title="游戏分类">
      <template scope="obj">
        <ol>
          <li v-for="(g,index) in obj.games" :key="index">{{g}}</li>
        </ol>
      </template>
    </Category>
    <Category title="电影分类">
        <template scope="{games}">
            <h4 v-for="(g,index) in games" :key="index">{{g}}</h4>
        </template>
    </Category>
  </div>
</template>

<script>
import Category from './components/Category.vue'
export default {
  components: { Category },
  name: 'App',
  data() {
    return {}
  },
}
</script>

<style>
</style>